<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
           模板字符串:
              1.具有普通字符串的所有功能，加强版的字符串
              2.用反引号``定义
              3.定义多行字符串
              4.字符串中加入变量和表达式

        */
        var str = '爱情慢慢来';

        //    1.``定义
        var game = '大吉大利';

        // 2.当成普通字符串使用即可.
        console.log(game + ',我想在你的身边');
        console.log(game.length);

        // 3.多行字符串（支持换行）
        var music = `我记得捧你的脸
               在双手之间安静的看你的眼
               我想在你的身边`
        console.log(music);

        //4.可以直接使用变量
        let hero = '盲僧'
        console.log(`这局我玩${hero}`);

        // 5.表达式
        let age = 25;
        console.log('今年我${age}岁了');

        // 6.支持函数
        function cook(menu) {
            if (menu == '烤土豆', '炸土豆') {
                console.log(`老板，来一个${menu}`);
                return '烤土豆';

            } else if (menu == '淀粉肠', '炸淀粉肠') {
                console.log(`老板，来一个${menu}`);
                return '淀粉肠';
            } else {
                console.log(`老板，来一个${menu}`);
                return '屁';
            }
        }
        let menu = prompt('今天晚上吃什么');
        console.log(`今天晚上吃${cook(menu)}`);
    </script>
</body>

</html>